import React,{useState,useEffect,useRef} from "react"
import PropTypes from 'prop-types';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'


const BottomBtn=({text,colorClass,icon,onBtnClick})=>(
  <button
    type="button"
    className={`btn btn-block no-border ${colorClass}`}
    onClick={onBtnClick}
  >
    <FontAwesomeIcon icon={icon}  size="sm" className="mr-2"/>
    {text}

  </button>
)
BottomBtn.propTypes = {
  text:PropTypes.string,
  colorClass:PropTypes.string,
  icon:PropTypes.object.isRequired,
  onBtnClick:PropTypes.func,
}
BottomBtn.defaultProp={
  text:"新建"
}

export default BottomBtn;
